{% load static %}
{% csrf_token %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Bind UI | Login</title>
    <link href="{% static 'favicon.ico' %}" rel="shortcut icon" type="image/x-icon">

    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'AdminLTE/css/font-awesome.min.css' %}">
    <link rel="stylesheet" href="{% static 'AdminLTE/css/ionicons.min.css' %}">
    <link rel="stylesheet" href="{% static 'AdminLTE/dist/css/AdminLTE.min.css' %}">
    <link rel="stylesheet" href="{% static 'AdminLTE/plugins/iCheck/square/blue.css' %}">

    <script src="{% static 'AdminLTE/plugins/jQuery/jquery-3.2.1.min.js' %}"></script>
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
    <script src="{% static 'AdminLTE/plugins/iCheck/icheck.min.js' %}"></script>
    <script src="/static/AdminLTE/js/myjs.js"></script>
</head>
<body class="hold-transition login-page">

<div class="login-box">
  <div class="login-logo">
    <a href="/"><b>B</b>ind UI</a>
  </div>
  <!-- /.login-logo -->
  <div class="login-box-body">
    <p class="login-box-msg">请输入用户、密码</p>

    <form action="" method="post">
      <div class="form-group has-feedback">
        <input type="text" class="form-control" placeholder="用户">
        <span class="glyphicon glyphicon-user form-control-feedback"></span>
      </div>
      <div class="form-group has-feedback">
        <input type="password" class="form-control" placeholder="密码">
        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
      </div>
      <div class="row">
        <div class="col-xs-8">
          <div class="checkbox icheck">
            <label>
              <input type="checkbox">记住帐号
            </label>
          </div>
        </div>
        <!-- /.col -->
        <div class="col-xs-4">
          <span class="btn btn-primary btn-block btn-flat" onclick="Login();">登录</span>
        </div>
        <!-- /.col -->
      </div>
    </form>

    <a href="#">忘记密码</a><br>
    <a href="#" class="text-center">注册</a>

  </div>
  <!-- /.login-box-body -->
</div>
<!-- /.login-box -->


<script>
    $(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%' // optional
        });

        document.onkeydown = function (e) {     //回车登录
            var _event = e || window.event;
            if (_event.keyCode == 13) {
                Login();
            }
        }
    });

</script>
<script src="{% static 'bootstrap/js/autoPostCsrftoken.js' %}"></script>
</body>
</html>
